function ListThree() {

    number = number+1
    order_num = 999
    custom.push({number:number,order_num:order_num,type:4,ionrange_6:0})

    var html = ' <div id="dropped_'+number+'" data-number="'+number+'" style="    position: relative;top: 0px;">\n' +
        '                                            <div class="PopularGift">\n' +
        '                                                <div class="PopularGiftTitle">热门礼物</div>\n' +
        '                                                <div class="PopularGiftText">看看大家都在送什么</div>\n' +
        '                                            </div>\n' +
        '                                            <div class="PopTable">\n' +
        '                                                <text>全部</text>\n' +
        '                                                <text>心意派送</text>\n' +
        '                                                <text>心意礼物</text>\n' +
        '                                                <text>大吉大利</text>\n' +
        '                                                <text>咖啡</text>\n' +
        '                                                <text>水果</text>\n' +
        '                                            </div>\n' +
        '                                            <div class="">\n' +
        '                                                <ul style="display: flex; justify-content: space-around; flex-wrap: wrap">\n' +
        '                                                    <li style="height: 200px; width: 45%; background: #f1f1f1; padding: 10px; border-radius: 5px">\n' +
        '                                                        <img style="height: 100px; width: 100%; border-radius: 5px" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1730713693,2130926401&fm=26&gp=0.jpg" alt="">\n' +
        '                                                        <div style="font-size: 15px; color: #333">朋友有你真好 星礼卡</div>\n' +
        '                                                        <div style="display: flex; justify-content: space-between; align-items: center" class="">\n' +
        '                                                            <p style="font-size: 15px; color: red; font-weight: 500">￥199.00</p>\n' +
        '                                                            <p><img style="width: 40px;height:40px; border-radius: 100px" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2929582628,2768217016&fm=26&gp=0.jpg" alt=""></p>\n' +
        '                                                        </div>\n' +
        '                                                    </li>\n' +
        '                                                    <li style="width: 45%; background: #f1f1f1; padding: 10px; border-radius: 5px">\n' +
        '                                                        <img style="width: 100%; height: 150px; border-radius: 5px" src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1542609117,2286902976&fm=26&gp=0.jpg" alt="">\n' +
        '                                                        <div style="font-size: 15px; color: #333">朋友有你真好 星礼卡</div>\n' +
        '                                                        <div style="display: flex; justify-content: space-between; align-items: center" class="">\n' +
        '                                                            <p style="font-size: 15px; color: red; font-weight: 500">￥199.00</p>\n' +
        '                                                            <p><img style="width: 40px;height:40px; border-radius: 100px" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2929582628,2768217016&fm=26&gp=0.jpg" alt=""></p>\n' +
        '                                                        </div>\n' +
        '                                                    </li>\n' +
        '                                                    <li style="width: 45%; background: #f1f1f1; padding: 10px; border-radius: 5px; margin-top: -50px">\n' +
        '                                                        <img style="width: 100%; height: 150px; border-radius: 5px" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=462585710,4292002962&fm=11&gp=0.jpg" alt="">\n' +
        '                                                        <div style="font-size: 15px; color: #333">朋友有你真好 星礼卡</div>\n' +
        '                                                        <div style="display: flex; justify-content: space-between; align-items: center" class="">\n' +
        '                                                            <p style="font-size: 15px; color: red; font-weight: 500">￥199.00</p>\n' +
        '                                                            <p><img style="width: 40px;height:40px; border-radius: 100px" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2929582628,2768217016&fm=26&gp=0.jpg" alt=""></p>\n' +
        '                                                        </div>\n' +
        '                                                    </li>\n' +
        '                                                    <li style="height: 200px; width: 45%; background: #f1f1f1; padding: 10px; border-radius: 5px; margin-top: 10px">\n' +
        '                                                        <img style="height: 100px; width: 100%; border-radius: 5px" src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2590408154,1318863977&fm=26&gp=0.jpg" alt="">\n' +
        '                                                        <div style="font-size: 15px; color: #333">朋友有你真好 星礼卡</div>\n' +
        '                                                        <div style="display: flex; justify-content: space-between; align-items: center" class="">\n' +
        '                                                            <p style="font-size: 15px; color: red; font-weight: 500">￥199.00</p>\n' +
        '                                                            <p><img style="width: 40px;height:40px; border-radius: 100px" src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2929582628,2768217016&fm=26&gp=0.jpg" alt=""></p>\n' +
        '                                                        </div>\n' +
        '                                                    </li>\n' +
        '                                                </ul>\n' +
        '\n' +
        '                                            </div>\n' +
        '                                        </div>'

    //隐藏所有
    $('#sortable_leve').find('div[class="level_number"]').css("display","none")
    var level = '<div class="level_number" style="width: 90%; position: relative" id="level_'+number+'" data-number="'+number+'">\n' +
        '<i style="position: absolute;right:-70px; top:-9px;font-size: 25px; cursor: pointer" class="fa fa-times LunboListClick"></i>\n' +
        ' <div class="m-b-sm m-t">\n' +
        '                            <small><strong>上边距</strong></small>\n' +
        '                        </div>\n' +
        '                        <div class="ionrange_6" data-number="'+number+'" ></div>\n' +
        '                        </div>'

    $('#HotListx').append(html);
    $('#sortable_leve').append(level);

    $(".ionrange_6").ionRangeSlider({
        min: 0,
        max: 100,
        type: "single",
        step: 1,
        postfix: "px",
        prettify: false,
        hasGrid: true,
        from: 0,
        onChange:function (obj) {
            $("#dropped_"+obj.input.context.dataset.number+"").css("top",obj.fromNumber)
            for(let index in custom){
                if(custom[index].number == obj.input.context.dataset.number){
                    custom[index].ionrange_6 = obj.fromNumber
                }
            }

        }
    });
}
